<div>
    <h2 data-translate="byibserverApp.wcProduct.home.title">Wc Products</h2>
    <jhi-alert></jhi-alert>
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-4 no-padding-left">
                <button class="btn btn-primary" ui-sref="wc-product.new" >
                    <span class="glyphicon glyphicon-plus"></span>
                    <span class="hidden-xs-down"  data-translate="byibserverApp.wcProduct.home.createLabel">
                        Create new Wc Product
                    </span>
                </button>
            </div>
            <div class="col-xs-8 no-padding-right">
                <form name="searchForm" class="form-inline">
                    <div class="input-group pull-right" >
                        <input type="text" class="form-control" ng-model="vm.searchQuery" id="searchQuery" placeholder="{{ 'byibserverApp.wcProduct.home.search' | translate }}">
                        <span  class="input-group-btn width-min" >
                            <button class="btn btn-info" ng-click="vm.search(vm.searchQuery)">
                                <span class="glyphicon glyphicon-search"></span>
                            </button>
                        </span>
                        <span class="input-group-btn width-min" ng-if="vm.currentSearch">
                            <button class="btn btn-info" ng-click="vm.clear()">
                                <span class="glyphicon glyphicon-trash"></span>
                            </button>
                        </span>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <br/>
    <div class="table-responsive">
        <table class="jh-table table table-striped">
            <thead>
                <tr jh-sort="vm.predicate" ascending="vm.reverse" callback="vm.transition()">
                    <th jh-sort-by="id"><span data-translate="global.field.id">ID</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="image"><span data-translate="byibserverApp.wcProduct.image">Image</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="name"><span data-translate="byibserverApp.wcProduct.name">Name</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="score"><span data-translate="byibserverApp.wcProduct.score">Score</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="age"><span data-translate="byibserverApp.wcProduct.age">Age</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="insuredWay"><span data-translate="byibserverApp.wcProduct.insuredWay">Insured Way</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="renewalMethod"><span data-translate="byibserverApp.wcProduct.renewalMethod">Renewal Method</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="guaranteeInfo1"><span data-translate="byibserverApp.wcProduct.guaranteeInfo1">Guarantee Info 1</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="guaranteeInfo2"><span data-translate="byibserverApp.wcProduct.guaranteeInfo2">Guarantee Info 2</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="guaranteeInfo3"><span data-translate="byibserverApp.wcProduct.guaranteeInfo3">Guarantee Info 3</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="guaranteeInfo4"><span data-translate="byibserverApp.wcProduct.guaranteeInfo4">Guarantee Info 4</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="guaranteeInfo5"><span data-translate="byibserverApp.wcProduct.guaranteeInfo5">Guarantee Info 5</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="guaranteeImg"><span data-translate="byibserverApp.wcProduct.guaranteeImg">Guarantee Img</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="premiumBudgetInfo"><span data-translate="byibserverApp.wcProduct.premiumBudgetInfo">Premium Budget Info</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="premiumImg"><span data-translate="byibserverApp.wcProduct.premiumImg">Premium Img</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="evaluation"><span data-translate="byibserverApp.wcProduct.evaluation">Evaluation</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="evaluationInfo"><span data-translate="byibserverApp.wcProduct.evaluationInfo">Evaluation Info</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="ranking"><span data-translate="byibserverApp.wcProduct.ranking">Ranking</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="costEffective"><span data-translate="byibserverApp.wcProduct.costEffective">Cost Effective</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="costEffectiveInfo"><span data-translate="byibserverApp.wcProduct.costEffectiveInfo">Cost Effective Info</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="deductible"><span data-translate="byibserverApp.wcProduct.deductible">Deductible</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="deductibleInfo"><span data-translate="byibserverApp.wcProduct.deductibleInfo">Deductible Info</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="renewal"><span data-translate="byibserverApp.wcProduct.renewal">Renewal</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="renewalInfo"><span data-translate="byibserverApp.wcProduct.renewalInfo">Renewal Info</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="advantage"><span data-translate="byibserverApp.wcProduct.advantage">Advantage</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="disadvantages"><span data-translate="byibserverApp.wcProduct.disadvantages">Disadvantages</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="suitableFortc"><span data-translate="byibserverApp.wcProduct.suitableFortc">Suitable Fortc</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="tFirst1"><span data-translate="byibserverApp.wcProduct.tFirst1">T First 1</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="tFirst1Info"><span data-translate="byibserverApp.wcProduct.tFirst1Info">T First 1 Info</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="tFirst2"><span data-translate="byibserverApp.wcProduct.tFirst2">T First 2</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="tFirst2Info"><span data-translate="byibserverApp.wcProduct.tFirst2Info">T First 2 Info</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="exemptionClauseFile"><span data-translate="byibserverApp.wcProduct.exemptionClauseFile">Exemption Clause File</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="tSencond1"><span data-translate="byibserverApp.wcProduct.tSencond1">T Sencond 1</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="tSencond1Info"><span data-translate="byibserverApp.wcProduct.tSencond1Info">T Sencond 1 Info</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="tSencond2"><span data-translate="byibserverApp.wcProduct.tSencond2">T Sencond 2</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="tSencond2Info"><span data-translate="byibserverApp.wcProduct.tSencond2Info">T Sencond 2 Info</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="contract"><span data-translate="byibserverApp.wcProduct.contract">Contract</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="tThird1"><span data-translate="byibserverApp.wcProduct.tThird1">T Third 1</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="tThird1Info"><span data-translate="byibserverApp.wcProduct.tThird1Info">T Third 1 Info</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="tThird2"><span data-translate="byibserverApp.wcProduct.tThird2">T Third 2</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="tThird2Info"><span data-translate="byibserverApp.wcProduct.tThird2Info">T Third 2 Info</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="online"><span data-translate="byibserverApp.wcProduct.online">Online</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="claimsService"><span data-translate="byibserverApp.wcProduct.claimsService">Claims Service</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="claimsServiceInfo"><span data-translate="byibserverApp.wcProduct.claimsServiceInfo">Claims Service Info</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="premiumThumbnail"><span data-translate="byibserverApp.wcProduct.premiumThumbnail">Premium Thumbnail</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="purchaseLink"><span data-translate="byibserverApp.wcProduct.purchaseLink">Purchase Link</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="wcIsurerName"><span data-translate="byibserverApp.wcProduct.wcIsurer">Wc Isurer</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th jh-sort-by="wcInsuranceCategoryName"><span data-translate="byibserverApp.wcProduct.wcInsuranceCategory">Wc Insurance Category</span> <span class="glyphicon glyphicon-sort"></span></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="wcProduct in vm.wcProducts track by wcProduct.id">
                    <td><a ui-sref="wc-product-detail({id:wcProduct.id})">{{wcProduct.id}}</a></td>
                    <td>{{wcProduct.image}}</td>
                    <td>{{wcProduct.name}}</td>
                    <td>{{wcProduct.score}}</td>
                    <td>{{wcProduct.age}}</td>
                    <td>{{wcProduct.insuredWay}}</td>
                    <td>{{wcProduct.renewalMethod}}</td>
                    <td>{{wcProduct.guaranteeInfo1}}</td>
                    <td>{{wcProduct.guaranteeInfo2}}</td>
                    <td>{{wcProduct.guaranteeInfo3}}</td>
                    <td>{{wcProduct.guaranteeInfo4}}</td>
                    <td>{{wcProduct.guaranteeInfo5}}</td>
                    <td>{{wcProduct.guaranteeImg}}</td>
                    <td>{{wcProduct.premiumBudgetInfo}}</td>
                    <td>{{wcProduct.premiumImg}}</td>
                    <td>{{wcProduct.evaluation}}</td>
                    <td>{{wcProduct.evaluationInfo}}</td>
                    <td>{{wcProduct.ranking}}</td>
                    <td>{{wcProduct.costEffective}}</td>
                    <td>{{wcProduct.costEffectiveInfo}}</td>
                    <td>{{wcProduct.deductible}}</td>
                    <td>{{wcProduct.deductibleInfo}}</td>
                    <td>{{wcProduct.renewal}}</td>
                    <td>{{wcProduct.renewalInfo}}</td>
                    <td>{{wcProduct.advantage}}</td>
                    <td>{{wcProduct.disadvantages}}</td>
                    <td>{{wcProduct.suitableFortc}}</td>
                    <td>{{wcProduct.tFirst1}}</td>
                    <td>{{wcProduct.tFirst1Info}}</td>
                    <td>{{wcProduct.tFirst2}}</td>
                    <td>{{wcProduct.tFirst2Info}}</td>
                    <td>{{wcProduct.exemptionClauseFile}}</td>
                    <td>{{wcProduct.tSencond1}}</td>
                    <td>{{wcProduct.tSencond1Info}}</td>
                    <td>{{wcProduct.tSencond2}}</td>
                    <td>{{wcProduct.tSencond2Info}}</td>
                    <td>{{wcProduct.contract}}</td>
                    <td>{{wcProduct.tThird1}}</td>
                    <td>{{wcProduct.tThird1Info}}</td>
                    <td>{{wcProduct.tThird2}}</td>
                    <td>{{wcProduct.tThird2Info}}</td>
                    <td>{{wcProduct.online}}</td>
                    <td>{{wcProduct.claimsService}}</td>
                    <td>{{wcProduct.claimsServiceInfo}}</td>
                    <td>{{wcProduct.premiumThumbnail}}</td>
                    <td>{{wcProduct.purchaseLink}}</td>
                    <td>
                        <a ui-sref="wc-isurer-detail({id:wcProduct.wcIsurerId})">{{wcProduct.wcIsurerName}}</a>
                    </td>
                    <td>
                        <a ui-sref="wc-insurance-category-detail({id:wcProduct.wcInsuranceCategoryId})">{{wcProduct.wcInsuranceCategoryName}}</a>
                    </td>
                    <td class="text-right">
                        <div class="btn-group flex-btn-group-container">
                            <button type="submit"
                                    ui-sref="wc-product-detail({id:wcProduct.id})"
                                    class="btn btn-info btn-sm">
                                <span class="glyphicon glyphicon-eye-open"></span>
                                <span class="hidden-sm-down" data-translate="entity.action.view"></span>
                            </button>
                            <button type="submit"
                                    ui-sref="wc-product.edit({id:wcProduct.id})"
                                    class="btn btn-primary btn-sm">
                                <span class="glyphicon glyphicon-pencil"></span>
                                <span class="hidden-sm-down" data-translate="entity.action.edit"></span>
                            </button>
                            <button type="submit"
                                    ui-sref="wc-product.delete({id:wcProduct.id})"
                                    class="btn btn-danger btn-sm">
                                <span class="glyphicon glyphicon-remove-circle"></span>
                                <span class="hidden-sm-down" data-translate="entity.action.delete"></span>
                            </button>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="text-center">
        <jhi-item-count page="vm.page" total="vm.queryCount" items-per-page="vm.itemsPerPage"></jhi-item-count>
        <uib-pagination class="pagination-sm" total-items="vm.totalItems" items-per-page="vm.itemsPerPage" ng-model="vm.page" ng-change="vm.transition()"></uib-pagination>
    </div>
</div>
